<template>
    <div>
        <div class="parent" :style="{'font-size': propValue.fontSize+'rem', 'font-weight': propValue.fontWeight+'rem', 'color':propValue.titleColor, 'line-height':propValue.lineHeight+'rem' }">
            <div v-for="(item,i) of propValue.list" :key="i">{{item.label}} {{item.value}}</div>
        </div>
        <div class="copyright">{{propValue.copyright}}</div>
    </div>
</template>

<script>
export default {
  name: "MobileFooter",
  props: {
    propValue: {
      type: Object,
      default: () => {},
    },
    swiperList: {
      type: Array,
      default: () => {},
    },
    element: {
      type: Object,
      default: () => {},
    },
  },

  methods:{

  }
}
</script>

<style lang="scss" scoped>
    .parent {
        text-align: center;
        // font-size: 11px;
        // font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        // color: #19224C;
        // line-height: 17px;
    }
    .copyright {
        margin-top: 5rem;
        text-align: center;
        font-size: 10px;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #1D396B;
        line-height: 14px;
    }

</style>
